﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<META HTTP-EQUIV="Content-Type"
    content="application/xhtml+xml; charset=UTF-8" />
<META NAME="Keywords" CONTENT="BT," />
<META NAME="Description" CONTENT="BT," />
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<title>BT.com</title>
<meta name="Keywords" content="BT, " />
<meta name="Description" content="BT, " />
<!-- Start css includes -->
<link href="/static/includes/appsyouraccount/css/usage/reset.css"
    media="all" type="text/css" rel="stylesheet" />
<link href="/static/includes/appsyouraccount/css/usage/screen.css"
    media="all" type="text/css" rel="stylesheet" />
<!--[if lt IE 7.0]><link rel="stylesheet" href="/static/includes/appsyouraccount/css/usage/ie/ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if lt IE 8.0]><link rel="stylesheet" href="/static/includes/appsyouraccount/css/usage/ie/ie7.css" type="text/css" media="screen" /><![endif]-->
<!--[if lt IE 9.0]><link rel="stylesheet" href="/static/includes/appsyouraccount/css/usage/ie/ie8.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript"
    src="/static/includes/appsyouraccount/js/usage/jquery-1.4.2.min.js"></script>
<script type="text/javascript"
    src="/static/includes/appsyouraccount/js/usage/custom.js"></script>
</head>
<body>
<div id="wrapper">
<!-- CMS properties start here -->
<!-- CMS properties end here -->
<!-- CMS Omniture properties start here -->
<!-- CMS Omniture properties end here -->
<div id="header">
    <div id="BTGH_2009" class="BTGH09_wide">
      <!-- <div id="BTGH09_BTMark"><a href="#"><img src="/static/wa/appsyouraccount/images/usage/logo_81x38.gif" width="81" height="38" alt="BT" title="Go to BT.com" border="0"/></a></div>
         <div id="BTGH09_Signpost"><img src="/static/wa/appsyouraccount/images/usage/at_home.gif" alt="At home" height="17" width="70"/></div> -->
        <div class="usageStatus amberStatus">
            <p>You are within your usage allowance but based on your usage so far, you may go over before the end of the month.</p>
        </div>		 	
    </div>
  </div>
  <div id="content">
    <h1>Broadband</h1>
    <dl>
      <dt>Telephone number:</dt>
      <dd>01244 661819</dd>
      <dt>Last usage update:</dt>
      <dd>09 Jun 2011 at 23:59</dd>
    </dl>
    <div class="graphPanel">
      <div class="panelTop">
        <div class="graphContent">
        <h2>Recent data usage</h2>
            <ul class="statusLegends">
            <li class="usedLegend">Used</li>
            <li class="defaultLegend">Remaining</li>
          </ul>
          <ul class="bandwidthInfo">
            <li id="bandwidthUsed"></li>
            <li id="bandwidthRemaining"></li>
          </ul>
          <div id="graphGridline">
            <div id="graph"> </div>
            <div id="graphWarning">You have gone over your usage allowance this month</div>
          </div>
          <ul id="graphSeries">
            <li id="startingBandwidth">0 GB</li>
            <li id="unlimitedUsedInfo">&nbsp;</li>
            <li id="bandwidthLimit">40 GB<span>until 30 Jun 2011</span></li>
          </ul>
          <dl>
            <dt>Product:</dt>
            <dd id="packageName">BT Infinity Option 2</dd>
            <dt>Allowance  :</dt>
            <dd id="allowance">40 GB per month <span>Subject to our <a href="#">BT Broadband Fair usage Policy</a></span></dd>
          </dl>
        </div>
        <!-- Graph fall back - HTML table -->
        <div class="fallback">
          <h2>Recent data usage</h2>
          <table border="1"  width="100%">
            <tbody>
              <tr>
                <th width="35%">Product: </th>
                <td width="65%">BT Total Broadband Option 2</td>
              </tr>
              <tr>
                <th>Allowance  : </th>
                <td>40per month <span>Subject to our <a href="#">BT Broadband Fair usage Policy</a></span></td>
              </tr>
              <tr>
                <th>Allocated Data Limit: </th>
                <td>40 GB<span class="limit">until 30 Jun 2011</span></td>
              </tr>
              <tr>
                <th>Used Data: </th>
                <td>18.01 GB</td>
              </tr>
              <tr>
                <th>Remaining Data Limit: </th>
                <td>21.99	 GB remaining GB</td>
              </tr>
            </tbody>
          </table>
        </div>
            <!-- Upgrade broadband link button -->
            <a href="#" class="upgradeBroadband" onclick="popupWindow('http://www.productsandservices.bt.com/consumerProducts/displayTopic.do?topicId=27281&amp;s_cid=con_FURL_broadband/upgrade','BTUpgradeBroadband');omnitureOnClick('Button:Upgrade','Con:YA:FUP:Home');"><img src="/static/wa/appsyouraccount/images/usage/upgrade_broadband.png" alt="Upgrade broadband"></a>
        <!-- DO NOT REMOVE!! this commmented code is read by javascript to progressively enhance the data table
          <jSon>
            {
              name:"barGraphProperties",
              properties:{
                graphTheme:"amber",
                usedData:"18.01 GB used",
                remainingData:"21.99	 GB remaining",
                overlimitData:"",
                graphWarning:"",
                startGraphPositionData:"0 GB",
                bandwidthLimitText:"40.0 GB",
                bandwidthExpiryDate:"until 30 Jun 2011",
                unlimitedUserUsedData:"",
                startGraphPosition:"0",
                endGraphPosition:"40.0",
                currentGraphPosition:"18.01",
                packageData:"BT Total Broadband Option 2",
                allowanceData:"40.0 GB per month ",
                policyLink:""
              }
            }
          </jSon>
         -->
      </div>
      <div class="panelBottom"></div>
    </div>
  </div>
  <div id="footer">
    <h3>Help with broadband usage</h3>
    <ul>
      <li><a href="#" onclick="window.open ('./broadbandHelp.do#no_broadband', 'BTUsageHelp','menubar=0,resizable=0,width=790,height=540,scrollbars=yes')">How do I use the broadband usage monitor?</a></li>
      <li><a href="#" onclick="window.open ('./broadbandHelp.do#wireless', 'BTUsageHelp','menubar=0,resizable=0,width=790,height=540,scrollbars=yes')">What is broadband usage?</a></li>
      <li><a href="#" onclick="window.open ('./broadbandHelp.do#dropping', 'BTUsageHelp','menubar=0,resizable=0,width=790,height=540,scrollbars=yes')">What is a monthly usage allowance?</a></li>
    </ul>
    <ul>
      <li><a href="#" onclick="window.open ('./broadbandHelp.do#email', 'BTUsageHelp','menubar=0,resizable=0,width=790,height=540,scrollbars=yes')">What happens if I go over my usage allowance?</a></li>
      <li><a href="#" onclick="window.open ('./broadbandHelp.do#speed', 'BTUsageHelp','menubar=0,resizable=0,width=790,height=540,scrollbars=yes')">How can I increase my usage allowance?</a></li>
      <li class="last"><a href="#" onclick="popupWindow('https://bt.custhelp.com/app/hub/c/346','BTUsageHelp');">See all broadband help</a></li>
    </ul>
  </div>
<script language="JavaScript" type="text/javascript"> 
<!-- SiteCatalyst code version: G.14.Copyright 1997-2008 Omniture, Inc. More info available at http:www.omniture.com -->
    s_pageName="Con:YA:FUP:Home"
    s_channel="Consumer"
    s_hier1="BT.com,Con,YA,FUP,Home"
    s_prop9="Logged In"
    s_prop12="Con:FUP:BT Total Broadband Option 2:amber"
    s_prop18=s_pageName
    s_prop22=""
    s_prop36="Con:YA page"
    s_prop37="Con:YA"
    s_prop38="Con:YA:FUP"
    s_prop39=s_pageName
    s_eVar21=s_prop12
    s_eVar22="3004901"
    s_eVar35=""
    s_eVar36=s_prop9
    s_eVar37=s_prop37
    s_eVar38=s_prop38
    s_eVar46="Con:YA:B&amp;P:Recent:BB"
</script>
</div>
</body>
<script src="/static/includes/appsyouraccount/js/s_code_remote.js" language="javascript"></script>
<script src="/static/includes/appsyouraccount/js/omniture.js" ></script>
<script type="text/javascript">
    function popupWindow(url, title) {
        var wihe = 'height=' + screen.availHeight + ',width=' + screen.availWidth;
        window.open(url, title, 'menubar=yes,status=yes,location=yes,toolbar=yes,resizable=yes,scrollbars=yes,' + wihe);
    }
</script>
</html>
